<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>INSSSEP</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.css">
       <link rel="stylesheet" href="css/style.css">
       
       <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    </head>
    
    <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">INSSSEP</a>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
                       <li><a href="#">INSSSEP Informa</a></li>
            <li><a href="#">INSSSEP Responde</a></li>
            <li><a href="#">Multimedia</a></li>
                      <li class="intro"><a href="#">Acceso a Intranet</a></li>
           
       </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
       

<header>
<div class="container">
<div class="row">
<div class="col-md-6"><div class="logo"><a href="index.html"><img src="img/logo.png"></a></div></div>
<div class="col-md-6">
<div class="der">
(362) 4414400
<div class="social">
<img src="img/facebook.png" alt="" /><img src="img/twitter.png" alt="" /><img src="img/youtube.png" alt="" />

</div></div>
</div>
</div>

</div></header><div class="container">
<div class="row">
<div class="col-md-12"><div class="azul">
<ul class="nav nav-pills">
  <li><a href="#">Institucional</a></li>
  <li><a href="#">Servicios</a></li>
  <li><a href="#">Contacto</a></li>
</ul>
</div></div>
</div></div>

<div class="container">
<div class="row">
</div>
</div>

<div class="space"></div>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="fot">
<img src="img/noticia-22.jpg" alt="" />
</div>
</div><div class="col-md-8 col-sm-8">
<div class="art"><h3>Titulo Noticia</h3>
<span class="dia">11 de Agosto</span>
<h4>Donec placerat. Nullam nibh dolor, blandit sed, fermentum id, imperdiet sit amet, neque. Nam mollis ultrices justo. Sed tempor. Sed vitae tellus. Etiam sem arcu, eleifend sit amet, gravida eget, porta at, wisi. Nam non lacus vitae ipsum viverra pretium. Phasellus massa.</h4><br>Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor. Maecenas volutpat, nisl et dignissim pharetra, urna lectus ultrices est, vel pretium pede turpis id velit. Aliquam sagittis magna in felis egestas rutrum. Proin wisi libero, vestibulum eget, pulvinar nec, suscipit ut, mi. Integer in arcu ultricies leo dapibus ultricies. Sed rhoncus lobortis dolor. Suspendisse dolor. Mauris sapien velit, pulvinar non, rutrum non, consectetuer eget, metus. Morbi tincidunt lorem at urna. Etiam porta. Ut mauris. Phasellus tristique rhoncus magna. Nam tincidunt consequat urna. Sed tempor.<br>
Suspendisse vestibulum dignissim quam. Integer vel augue. Phasellus nulla purus, interdum ac, venenatis non, varius rutrum, leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis a eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce magna mi, porttitor quis, convallis eget, sodales ac, urna. Phasellus luctus venenatis magna. Vivamus eget lacus. Nunc tincidunt convallis tortor. Duis eros mi, dictum vel, fringilla sit amet, fermentum id, sem. Phasellus nunc enim, faucibus ut, laoreet in, consequat id, metus. Vivamus dignissim. Cras lobortis tempor velit. Phasellus nec diam ac nisl lacinia tristique. Nullam nec metus id mi dictum dignissim. Nullam quis wisi non sem lobortis condimentum. Phasellus pulvinar, nulla non aliquam eleifend, tortor wisi scelerisque felis, in sollicitudin arcu ante lacinia leo.
<a href="noticias.html"><button type="button" class="btn btn-default btn-sm">Volver</button></a></div>
</div></div>
<div class="linea"></div>

<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-pills">
  <li><a href="index.html">Inicio</a></li>
  <li><a href="#">Institucional</a></li>
  <li><a href="#">Servicios</a></li>
  <li><a href="#">INSSSEP Informa</a></li><li><a href="#">INSSSEP Responde</a></li><li><a href="#">Multimedia</a></li><li><a href="#">Contacto</a></li>
</ul>
</div>
</div></div>
<div class="linea"></div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-6"><div class="logo-pie"><img src="img/logo.png"><span class="pie"><strong>Sede Central</strong>: Av. 9 de Julio 327 - Resistencia
<br>
<strong>Farmacia</strong>:
Av. 25 de Mayo 705 - Resistencia</span></div></div>
<div class="col-md-6"><div class="logo-chaco"><img src="img/chaco.png"></div></div>
</div>

</footer>



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/carousel.js"></script>
        <script src="js/collapse.js"></script>
        <script src="js/dropdown.js"></script>
        <script src="js/modal.js"></script>
        <script src="js/vendor/bootstrap.js"></script>
       <script>$('.dropdown-toggle').dropdown()</script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>
    </body>
</html>
